Color Palettes 調色盤

Primary 主色調

These are the splashes of color that should appear the most in your UI, and are the ones that determine the overall "look" of the site. Use these for things like primary actions, links, navigation items, icons, accent borders, or text you want to emphasize.

這些是介面中最醒目的色彩,決定網站整體視覺風格。適用於主要操作按鈕、連結、導航項、圖示、強調邊框或需突出的文字。

Neutrals 中性色

These are the colors you will use the most and will make up the majority of your UI. Use them for most of your text, backgrounds, and borders, as well as for things like secondary buttons and links.

這些最常用的色彩構成介面主體,適用於大部分文字、背景、邊框,以及次要按鈕和連結等元素。

Supporting 輔助色

These colors should be used fairly conservatively throughout your UI to avoid overpowering your primary colors. Use them when you need an element to stand out, or to reinforce things like error states or positive trends with the appropriate semantic color.

這些色彩應謹慎使用以避免喧賓奪主,適用於需要突出的元素,或透過語義色強化錯誤狀態/積極趨勢等場景。

主色調 :介面中最顯眼的色彩,決定了網站的整體視覺風格。適用於主要操作按鈕、連結、導航項、圖示、強調邊框或需要突出的文字。
中性色:使用最頻繁的色彩,構成介面的主體部分。適用於大部分文字、背景、邊框,以及次要按鈕和連結等元素。
附屬色:這些色彩應當謹慎使用,避免喧賓奪主。適用於需要突出顯示的元素,或透過語義色強化錯誤狀態、積極趨勢等場景。